<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>尚合</title>
		<style>
			.head {
				width: 1000px;
				margin: auto;
				height: 50px;
				
			}
			
			.main{
				
				height: 55px;
				background: url(img/nav_bg-line.png);
				border-top: 1px solid #ececec;
				position: relative;
				
				
			}
			.main ul{
				position: absolute;
				left: 140px;
			}
			
			.main li {
				float: left;
				height: 55px;
				line-height: 55px;
				background: url("images/nav_bg-line.png") no-repeat right top;
				list-style: none;
			}
			
			.main ul li a {
				display: inline-block;
				text-decoration: none;
				color: #000;
				font-size: x-small;
				font-weight: 700;
				padding: 0 46px;
			}
			
			.main ul li a:hover {
				color: green;
			}
			
			.main_c{
				width: 1000px;
				height: auto;
				margin: auto;
			}
			
			.foot {
				width: 1000px;
				height: 200px;
				margin: auto;
			}
			
			.foot_c,
			.foot_l,
			.foot_r {
				width: 310px;
				height: 260px;
				margin: 10px;
				float: left;
				border: 1px solid #ECECEC;
			}
			
			.foot_l{
			
		
			position: relative;
			
			}
			
			.pro-pic{
			position: absolute;
			left: 50px;
			top: 60px;
		}
		.l-sj{
			position: absolute;
			left: 23px;
			top: 120px;
			
		}
		.r-sj{
			position: absolute;
			right: 23px;
			top: 120px;		
			
		}
	
			
			.notice{
				
				height: 29px;
			background: #fbfbfb;
			border-top: 1px solid #efefef;
			border-bottom: 1px solid #efefef;
			margin-bottom: 20px;
			margin: auto;
				
			}
			.notice_c{
				width: 1000px;
				margin: auto;
			}
			
			.ima{
				margin-top:6px;
				float: right;
				
				
			}
			
			.foot_c li{
				font-size: x-small;
				list-style: none;
				border-bottom:1px dashed #ECECEC;
				
			}
			.foot_r li{
				list-style: none;
				border-left: 3px solid #009900;
				padding-left: 4px;
			}
			
			p{
				height: 12px;
				font-size: x-small;
   				margin: 10px 0 0 28px;
				padding-left: 4px;
			}
		</style>
	</head>

	<body>

		<div class="head">
			<img src="img/logo.jpg" style="position:relative; top: 10px;"/>
			<div style="width: 200px;height: 20px;float: right;"><input type="text" style="height: 20px;width: 120px;" />
			<img src="img/search2.jpg" style="position:relative;right: 2px;top: 12px;" /></div>

		</div>
		<div class="main">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">智能手机</a></li>
				<li><a href="#">电脑</a></li>
				<li><a href="#">配件</a></li>
				<li><a href="#">服务支持</a></li>
				<li><a href="#">关于尚合</a></li>
			</ul>
		</div>
		<div class="main_c">
			<img src="img/banner.jpg" />
		</div>
		<div class="notice">
			<div class="notice_c">
				<div style="height: 29px;line-height: 29px;float: left;">最新公告：尚合Aone智能手机入网证已获取工信部门审批下发。尚合官网</div>
			    <div class="ima">
			    	 <img src="img/renren.png" />
				<img src="img/weibo.png" />
				<img src="img/xinlang.png" />
				<img src="img/zone.png" />
			    </div>
				
			</div>
			
			   
				
			

		</div>
		<div class="foot">
			<div class="foot_l">
				<div class="news-pub">
				<img src="img/o.jpg">
				<span>新品发布</span>
			</div>
			<div class="pro-pic">
				<img src="img/home_hot_01.png">
			</div>
			<div class="l-sj"><img src="img/left.png"></div>
			<div class="r-sj"><img src="img/right.png"></div>			
			</div>
			<div class="foot_c">
				<img src="img/o.jpg" />
				<span>新闻中心</span>
				<ul>
					<li style="color: red;">致歉公告</li>
					<li>首批尚合Aonet已全部售馨!</li>
					<li>【媒体报导】国产高性价比 尚合Aonet四核手机评测</li>
					<li>我司产品已经通过了国家强制性产品3C认证</li>
					<li>尚合Aone智能手机入网证已经获工信部门审批下发.</li>
					<li>我司通过ISO9001:2008国际质量管理体系认证</li>
				</ul>

			</div>
			<div class="foot_r">
				<img src="img/o.jpg" />
				<span>新闻中心</span>
				<ul>
					<li>
						<p>售后服务</p>
					</li>
					<li>
						<p>售后服务</p>
					</li>
					<li>
						<p>售后服务</p>
					</li>
					<li>
						<p>售后服务</p>
					</li>
					</ul>
					<p>深圳市汇聚众合科技发展有限公司 </p>
					<p>服务热线：400-633-7922</p>

			</div>
		</div>

	</body>

</html>